<script setup lang="ts">
import { reactive } from 'vue'

const formList = reactive<FormList>([
  {
    label: '卡片分割线',
    type: 'card.divider'
  },
  {
    label: '日期8',
    prop: '2',
    colspan: 2,
    rule: [{ required: true, trigger: 'blur' }],
    type: 'date'
  },
  {
    label: '卡片分割线',
    type: 'card.divider',
    contentPosition: 'center'
  },
  {
    label: '姓名',
    prop: 'name',
    type: 'input',
    rule: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
  }
])
</script>

<template>
  <XyAddForm :column="4" :formList="formList" />
</template>
<style scoped lang="less"></style>
